.github-corner {
    z-index: 999;
    svg {
        width: 80px;
        height: 80px;
        fill:$base-color; 
        color:#fff; 
        position: absolute; 
        top: 0; 
        border: 0; 
        right: 0;
        @media (max-width: 899px) {
            top: 76px;
        }
    }
}
.github-corner:hover .octo-arm {
  animation: octocat-wave 560ms ease-in-out;
}
@keyframes octocat-wave {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(-25deg);
    }

    40% {
        transform: rotate(10deg);
    }

    60% {
        transform: rotate(-25deg);
    }

    80% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@media (max-width: 500px) {
    .github-corner:hover .octo-arm {
        animation: none;
    }

    .github-corner .octo-arm {
        animation: octocat-wave 560ms ease-in-out;
    }
}